﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小堤小工具</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
 
        table td {
                     padding: 10px;
                     border: 1px solid #ccc;
                 }
        table td span{
            padding: 10px;
            border: 1px solid #ccc;
        }
 
        table td:first-child {
            white-space:nowrap;
        }
        body {
            background-image:url(/statics/img/background.png);
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
        }

    </style>
</head>
<body id="body">
<form action="">
    <table>

        <tr>
            <td>现在：</td>
            <td ><input id = "now_time" /></td>
            <td>控制:</td>
            <td ><button id="stop" style="color: red">停止</button>
                 <button id="start" style="color: red;display: none">开始</button>
            </td>
        </tr>
        <tr>
            <td>时间戳：</td>
            <td><input type="text"></td>
            <td><button>转换</button></td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>时间：</td>
            <td><input type="text"></td>
            <td><button>转换</button></td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>翻译：</td>
            <td><textarea name="" id="" cols="18" rows="5"></textarea></td>
            <td><button>转换</button></td>
            <td><textarea name="" id="" cols="18" rows="5"></textarea></td>
        </tr>
        <tr>
            <td>登录：</td>
            <td><span id="login_verify"></span></td>
            <td>控制:</td>
            <td style="color: red"><span id="login_fresh">刷新</span></td>
        </tr>
        <tr>
            <td>短信验证码：</td>
            <td><span id="sms_verify"></span></td>
            <td>控制:</td>
            <td style="color: red"><span id="sms_fresh">刷新</span></td>
        </tr>
    </table>
</form>
<script type="text/tiscript">
        //view是一个全局的视图对象，root是加载的根元素
        var root = view.root;
        $(#now_time).text = "";
        //通过self.$()方法选择元素，类似jquery的$

    </script>

</body>
</html>